<template>
  <div class="application-info">
    <div class="title">
      寻车申请信息
    </div>
    <div class="content">
      <div>
        <div class="left">品牌</div>
        <div class="right">{{applicationInfo.brand}}</div>
      </div>
      <div>
        <div class="left">车型</div>
        <div class="right">{{applicationInfo.carModels}}</div>
      </div>
      <div>
        <div class="left">联系方式</div>
        <div class="right">{{applicationInfo.contactWay}}</div>
      </div>
      <div>
        <div class="left">备注</div>
        <div class="right">{{applicationInfo.remark}}</div>
      </div>
    </div>
  </div>
</template>

<script>
  export default{
    props: {
      applicationInfo: {
        type: Object
      }
    },
    data() {
      return {}
    }
}
</script>

<style scoped lang="less">
  .application-info{
    // height: 238px;
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 20px 16px 16px 16px;
    .title{
      font-size: 20px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #333333;
      margin-bottom: 15px;
    }
    .content{
      div{
        margin: 2% 0;
        display: flex;
        justify-content: space-between;
        font-family: PingFangSC-Regular, PingFang SC;
        .left{
          width: 60%;
          font-weight: 400;
          color: #666666;
          font-size: 15px;
          padding-right: 10px;
        }
        .right{
          // width: 60%;
          text-align: right;
          font-size: 15px;
          font-weight: 400;
          color: #000000;
          word-break: break-all;
        }
      }
    }
  }
</style>